<template>
  <div style="font-size: 0.35rem">
    <div style="height: 1rem; line-height: 1rem">
      <span @click="$router.go(-1)" style="margin-left: 0.5rem"><</span>
      <span style="margin-left: 2.2rem; text-align: center">我的问诊记录</span>
    </div>
    <div>
      <van-tabs v-model:active="active" class="tabs">
        <van-tab title="全部">
          <van-empty description="暂无数据" />
        </van-tab>
        <van-tab title="咨询中">
          <van-empty description="暂无数据" />
        </van-tab>
        <van-tab title="已完成">
          <van-empty description="暂无数据" />
        </van-tab>
        <van-tab title="已关闭">
          <van-empty description="暂无数据" />
        </van-tab>
      </van-tabs>
    </div>
  </div>
</template>

<script lang="ts">
import { ref } from 'vue'

export default {
  setup() {
    const active = ref(0)
    return { active }
  },
}
</script>

<style scoped>
.tabs {
  margin-top: 0.5rem;
  font-size: 0.35rem;
}
.tabs >>> .van-tab__text {
  float: left;
  margin-left: 0.2rem;
}
.tabs >>> .van-tabs__wrap {
  height: 0.8rem;
  line-height: 0.8rem;
  border-bottom: 1px solid #ccc;
}
/* .tabs >>> .van-tabs__line{
  bottom: 0.1rem;
} */
</style>
